<template>
  <div class="zhuqitong">
    <div class="zhuqitong-a">
      <img src="../../assets/images/logo.png" alt="" class="zhuqitong-a-a" />
      <div class="zhuqitong-a-b">
        <img src="../../assets/images/qiye.png" alt="" class="zhuqitong-a-bb" />
        <div class="zhuqitong-a-bbb">企业</div>
      </div>
      <div class="zhuqitong-a-c">
        <div class="zhuqitong-a-cc">
          <div class="zhuqitong-a-ccc" @click="getlist()">我要反馈</div>
        </div>
        <div class="zhuqitong-a-cccc">
          <div class="zhuqitong-a-ccc"  @click="getList1()">我的诉求</div>
        </div>
        <div class="zhuqitong-a-ccccc">
          <div class="zhuqitong-a-ccc">我的助企员</div>
        </div>
      </div>
      <div class="zhuqitong-a-d">
        <img
          src="../../assets/images/qizhuyuan.png"
          alt=""
          class="zhuqitong-a-dd"
        />
        <div class="zhuqitong-a-ddd">助企员</div>
      </div>
    </div>
    <div class="zhuqitong-b">
      <div class="zhuqitong-b-a">
        <div class="zhuqitong-b-aa">走访对接</div>
        <div class="zhuqitong-b-aaa">前往</div>
      </div>
      <div class="zhuqitong-b-b">
        <div class="zhuqitong-b-bb">
          <div class="zhuqitong-b-bbb">诉求跟踪</div>
          <div class="zhuqitong-b-bbbb">前往</div>
        </div>
        <div class="zhuqitong-b-c">
          <div class="zhuqitong-b-cc">数据展示窗</div>
          <div class="zhuqitong-b-ccc">前往</div>
        </div>
      </div>
    </div>
    <div class="zhuqitong-c">
      <div class="zhuqitong-c-a">
        企业服务中心<span class="zhuqitong-c-aaa">106</span>家
      </div>
      <div class="zhuqitong-c-aa">
        企业服务平台<span class="zhuqitong-c-aaaa">77</span>个
      </div>
    </div>
    <div class="zhuqitong-dd"></div>
    <div id="zhuqitong-d">
      <div class="zhuqitong-d-a">
        <img
          src="../../assets/images/shujudedi.png"
          alt=""
          class="zhuqitong-d-aaa"
        />
        <div class="zhuqitong-d-aa">政企恳谈会</div>
      </div>
      <div class="zhuqitong-d-a">
        <img
          src="../../assets/images/zneglaingkuochan.png"
          alt=""
          class="zhuqitong-d-aaa"
        />
        <div class="zhuqitong-d-aa">工业大脑</div>
      </div>
      <div class="zhuqitong-d-a">
        <img
          src="../../assets/images/sulaintong.png"
          alt=""
          class="zhuqitong-d-aaa"
        />
        <div class="zhuqitong-d-aa">苏链通</div>
      </div>
      <div class="zhuqitong-d-a">
        <img
          src="../../assets/images/cahnchu.png"
          alt=""
          class="zhuqitong-d-aaa"
        />
        <div class="zhuqitong-d-aa">产出评价</div>
      </div>
      <div class="zhuqitong-d-a">
        <img
          src="../../assets/images/shujudedi1.png"
          alt=""
          class="zhuqitong-d-aaa"
        />
        <div class="zhuqitong-d-aa">数据得地</div>
      </div>
      <div class="zhuqitong-d-a">
        <img
          src="../../assets/images/zneglaingkuochan.png"
          alt=""
          class="zhuqitong-d-aaa"
        />
        <div class="zhuqitong-d-aa">增资扩产</div>
      </div>
    </div>
    <div id="zhuqitong-f"></div>
    <div>
      <div id="zhuqitong-g">
        <div class="zhuqitong-g-a">
          <img src="../../assets/images/1.png" alt="" class="zhuqitong-g-aaa" />
          <div class="zhuqitong-g-aa">苏州市企业</div>
          <div class="zhuqitong-g-aa">服务总入口</div>
        </div>
        <div class="zhuqitong-g-a zhuqitong-g-g">
          <img src="../../assets/images/2.png" alt="" class="zhuqitong-g-aaa" />
          <div class="zhuqitong-g-aa">12345</div>
        </div>
        <div class="zhuqitong-g-a zhuqitong-g-g">
          <img src="../../assets/images/3.png" alt="" class="zhuqitong-g-aaa" />
          <div class="zhuqitong-g-aa">企业心声征集</div>
        </div>
      </div>
    </div>
    <div class="zhuqitong-hh">
      <div class="zhuqitong-h">建设单位</div>
      <div class="zhuqitong-h">苏州市工业和信息化局 苏州市大数据管理局</div>
      <div class="zhuqitong-h">苏州市行政审批局 苏州市工商业联合会</div>
      <div class="zhuqitong-h">支持单位</div>
      <div class="zhuqitong-h">苏州市大数据集团有限公司</div>
    </div>
  </div>
</template>

<script>
export default {
  name: "",
  /*1. Vue扩展 */
  extends: "", // extends和mixins都扩展逻辑，需要重点放前面
  mixins: [],
  components: {},
  /* 2. Vue数据 */
  props: {},
  model: { prop: "", event: "" }, // model 会使用到 props
  data() {
    return {};
  },
  computed: {},
  watch: {}, // watch 监控的是 props 和 data，有必要时监控computed
  /* 3. Vue资源 */
  filters: {},
  directives: {},
  /* 4. Vue生命周期 */
  created() {},
  mounted() {},
  destroy() {},
  /* 5. Vue方法 */
  methods: {
getlist(){
  this.$router.push({
    path:'/woyaofankuii',
    query:{
      
    }

  })
},
getList1(){
  this.$router.push({
    path:"/wodesuqiu",
    query:{
      
    }
  })
}




  },
};
</script>

<style scoped lang="scss">
.zhuqitong {
  overflow: scroll;
  .zhuqitong-a {
    background-size: cover;
    background-image: url("../../assets/images/dingbubeijingtu.png");
    background-repeat: no-repeat;
    height: 324px;
    // border: 1px solid red;

    .zhuqitong-a-a {
      margin: 72px 0 0 13px;
      width: 156px;
      height: 35px;
    }
    .zhuqitong-a-b {
      margin: 27px 0 0 13px;
      display: flex;
      height: 17px;
      .zhuqitong-a-bb {
        height: 17px;
        width: 17px;
      }
      .zhuqitong-a-bbb {
        font-family: Alibaba PuHuiTi;
        font-weight: 500;
        font-size: 16px;
        color: #2757c4;
        margin-left: 3px;
      }
    }
    .zhuqitong-a-c {
      margin-top: 6px;
      display: flex;

      .zhuqitong-a-cc {
        background-size: cover;
        background-image: url("../../assets/images/woyaofankui.png");
        background-repeat: no-repeat;
        height: 72px;
        width: calc((100% - 14px) / 3);
        margin-left: 5px;
        .zhuqitong-a-ccc {
          font-family: Alibaba PuHuiTi;
          font-weight: bold;
          font-size: 17px;
          color: #191919;
          margin: 42px 0 0 21px;
        }
      }
      .zhuqitong-a-cccc {
        background-size: cover;
        background-image: url("../../assets/images/wodesuqiu.png");
        background-repeat: no-repeat;
        height: 72px;
        width: calc((100% - 14px) / 3);
        margin-left: 2px;
        .zhuqitong-a-ccc {
          font-family: Alibaba PuHuiTi;
          font-weight: bold;
          font-size: 17px;
          color: #191919;
          margin: 42px 0 0 21px;
        }
      }
      .zhuqitong-a-ccccc {
        background-size: cover;
        background-image: url("../../assets/images/wodezhuqiyuan.png");
        background-repeat: no-repeat;
        height: 72px;
        width: calc((100% - 14px) / 3);
        margin-right: 5px;
        .zhuqitong-a-ccc {
          font-family: Alibaba PuHuiTi;
          font-weight: bold;
          font-size: 17px;
          color: #191919;
          margin: 42px 0 0 21px;
        }
      }
    }
    .zhuqitong-a-d {
      margin: 14px 0 0 13px;
      display: flex;
      height: 15px;

      .zhuqitong-a-dd {
        height: 17px;
        width: 17px;
      }
      .zhuqitong-a-ddd {
        font-family: Alibaba PuHuiTi;
        font-weight: 500;
        font-size: 16px;
        color: #2757c4;
        margin-left: 3px;
      }
    }
  }
  .zhuqitong-b {
    display: flex;
    height: 164px;
    margin: -50px 10px 0 10px;

    .zhuqitong-b-a {
      background-size: cover;
      background-image: url("../../assets/images/zoufangduijie.png");
      background-repeat: no-repeat;
      width: 158px;

      .zhuqitong-b-aa {
        font-family: Alibaba PuHuiTi;
        font-weight: bold;
        font-size: 17px;
        color: #191919;
        margin: 30px 0 0 50px;
      }
      .zhuqitong-b-aaa {
        background: rgba(255, 255, 255, 0);
        border-radius: 11px;
        border: 1px solid #154ad2;
        font-family: Source Han Sans SC;
        font-weight: 500;
        font-size: 11px;
        color: #154ad2;
        width: 47px;
        height: 21px;
        text-align: center;
        line-height: 21px;
        margin-left: 20px;
        margin-top: 55px;
      }
    }
    .zhuqitong-b-b {
      flex: 1;
      left: 10px;
      .zhuqitong-b-bb {
        background-size: cover;
        background-image: url("../../assets/images/redainsuqiu.png");
        background-repeat: no-repeat;
        height: 82px;
        display: flex;
        align-items: center;
        .zhuqitong-b-bbb {
          line-height: 80px;
          font-family: Alibaba PuHuiTi;
          font-weight: bold;
          font-size: 17px;
          color: #191919;
          margin-left: 50px;
        }
        .zhuqitong-b-bbbb {
          background: rgba(255, 255, 255, 0);
          border-radius: 11px;
          border: 1px solid #154ad2;
          font-family: Source Han Sans SC;
          font-weight: 500;
          font-size: 11px;
          color: #154ad2;
          width: 47px;
          height: 21px;
          text-align: center;
          margin-left: 30px;
        }
      }
      .zhuqitong-b-c {
        background-size: cover;
        background-image: url("../../assets/images/suqiurelitu.png");
        background-repeat: no-repeat;
        height: 82px;
        display: flex;
        align-items: center;
        .zhuqitong-b-cc {
          line-height: 80px;
          font-family: Alibaba PuHuiTi;
          font-weight: bold;
          font-size: 17px;
          color: #191919;
          margin-left: 50px;
        }
        .zhuqitong-b-ccc {
          background: rgba(255, 255, 255, 0);
          border-radius: 11px;
          border: 1px solid #154ad2;
          font-family: Source Han Sans SC;
          font-weight: 500;
          font-size: 11px;
          color: #154ad2;
          width: 47px;
          height: 21px;
          text-align: center;
          margin-left: 14px;
        }
      }
    }
  }
  .zhuqitong-c {
    display: flex;
    height: 43px;
    margin: 10px 14px 0 14px;
    position: relative;
    .zhuqitong-c-a {
      background-size: cover;
      background-image: url("../../assets/images/zuodianji.png");
      background-repeat: no-repeat;
      font-family: Alibaba PuHuiTi;
      font-weight: 500;
      font-size: 14px;
      color: #ffffff;
      height: 40px;
      line-height: 40px;
      width: 53%;
      position: absolute;
      padding-left: 17px;
      left: 0;
    }
    .zhuqitong-c-aaa {
      font-family: Alibaba PuHuiTi;
      font-weight: 700;
      font-size: 20px;
      color: #ffffff;
      line-height: 40px;
      text-align: center;
    }
    .zhuqitong-c-aa {
      background-size: cover;
      background-image: url("../../assets/images/youmodian.png");
      background-repeat: no-repeat;
      font-family: Alibaba PuHuiTi;
      font-weight: 500;
      font-size: 14px;
      color: #191919;
      height: 40px;
      line-height: 40px;
      text-align: center;
      width: 53%;
      position: absolute;
      right: 0;
    }
    .zhuqitong-c-aaaa {
      font-family: Alibaba PuHuiTi;
      font-weight: 700;
      font-size: 20px;
      color: #154ad2;
      line-height: 40px;
      text-align: center;
    }
  }
  .zhuqitong-dd {
    margin-top: 9px;
    height: 96px;
    border: 1px solid red;
  }
  #zhuqitong-d {
    display: flex;
    margin: 8px 14px 0 14px;

    flex-wrap: wrap;
    justify-content: space-between;
    .zhuqitong-d-a {
      width: calc((100% - 14px) / 3);
      height: 95px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
     background: linear-gradient(135deg, rgba(194, 204, 244, 0.3), rgba(194, 204, 244, 0.3));
      border-radius: 4px;
      margin-bottom: 6px;
      
      .zhuqitong-d-aaa {
        width: 30px;
        height: 26px;
      }
      .zhuqitong-d-aa {
        font-family: FZLTHPro Global;
        font-weight: 600;
        font-size: 16px;
        color: #000000;
        margin-top: 10px;
      }
    }
  }
  #zhuqitong-f {
    margin: 0 12px 0 12px;
    height: 90px;
    background-image: url("../../assets/images/zhengcejisuan.png");
    background-size: cover;
    background-repeat: no-repeat;
  }
  #zhuqitong-g {
    margin: 10px 14px 0 14px;
    display: flex;

    .zhuqitong-g-a {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 110px;
      background: #ffffff;
      border-radius: 2px;
      .zhuqitong-g-aaa {
        height: 47px;
        width: 48px;
      }
      .zhuqitong-g-aa {
        font-family: Alibaba PuHuiTi;
        font-weight: 600;
        font-size: 15px;
        color: #000000;
        line-height: 19px;
      }
    }
    .zhuqitong-g-g {
      margin-left: 7px;
    }
  }
  .zhuqitong-hh {
    margin: 14px 60px 0 60px;
    .zhuqitong-h {
      text-align: center;
      font-family: Alibaba PuHuiTi;
      font-weight: 500;
      font-size: 12px;
      color: #5f6167;
      line-height: 18px;
    }
  }
}
</style>
